<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/yemian.css">
    <link rel="stylesheet" href="./css/cat.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/cat.js"></script>
    <style>
        table,
        tr,
        th,
        td {
            border: 1px solid #0094ff;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0px;
            text-align: center;
            width: 800px;
        }

        td img {
            height: 50px;
            width: 50px;
        }
    </style>
</head>
<body class="main">
    <div class="top">
        <ul class="touleft fl">
            <li >
                <a href="./index.html">首页</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">华为官网</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">花粉俱乐部</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">v码(优购码)</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">企业购</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">Select Region</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li>
                <a href="">更多精彩</a>
            </li>
        </ul>
        <ul class="touright">
            <li >
                <a href="./login.html" class="a1">请登录</a>
            </li>
            <li >
                <a href="./reg.html">注册</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">我的订单</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">客户服务</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">网站导航</a>
                <img src="./image/login/1_06.jpg" alt="">
            </li>
            <li >
                <a href="">手机版</a>
            </li>
        </ul>
    </div>
    <div class="hon">
        <div class="honleft">
            <img src="./image/cat/1_06.jpg" alt="">
            <span>我的购物车</span>
        </div>
        <div class="honright">
            <img src="./image/cat/1_03.jpg" alt="">
        </div>
    </div>
    <div class="kuang">
        <!-- <div class="kang main">
            <img src="./image/cat/1_11.jpg" alt="">
            <span>你还没有登录&nbsp;&nbsp;&nbsp;登录可以查看之前加入商品</span>
            <div><a href="./login.html" class="a2">登录</a></div>
        </div> -->
    </div>
    <div class="box">
        <div class="box1 main">
            <div class="cat">
                <img src="./image/cat/1_19.jpg" alt="">
            </div>
            <div class="box2">
                <p>您的购物车里面什么也没有哦</p>
                <div class="main"><a href="./details.html" class='a1'>去逛逛</a></div>
            </div>
        </div>
    </div>
    <div class="text">
       <div class="text1 main">
            <p>热销推荐</p>
            <img src="./image/cat/1_26.jpg" alt="">
       </div>
    </div>

    <div class="detail">
        <div class="content">
            <div class="fine">
                <ul style="width: 1200px;height: 82px;display: flex;border-bottom: 1px solid rgb(216, 211, 211);" class="main">
                    <li style="position: relative;top: 20px;left:0px;
                     ">
                        <a href="">
                            <img src="./image/cat/1_29.jpg" alt="">
                           <span style="position: relative;top: -34px;left:55px;">百强企业 品质保障</span>
                        </a>
                    </li>
                    <li style="position: relative;top: 20px;left: 190px;
                    " >
                        <a href="">
                            <img src="./image/cat/1_29.jpg" alt="">
                            <span style="position: relative;top: -34px;left:55px;">7天退货 15天换货</span>
                        </a>
                    </li>
                    <li style="position: relative;top: 20px;left: 360px;
                    ">
                        <a href="">
                            <img src="./image/cat/1_29.jpg" alt="">
                          <span style="position: relative;top: -34px;left:55px;">48元起免运费</span>
                        </a>
                    </li>
                    <li style="position: relative;top: 20px;left: 560px;">
                        <a href="">
                            <img src="./image/cat/1_29.jpg" alt="">
                           <span style="position: relative;top: -34px;left:55px;">2000家服务店</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="list main">
                <div class="content">
                    <div class="contentl">
                        <div class="inner">
                            <p>购物相关</p>
                            <ul>
                                <li><a href="">购物指南</a></li>
                                <li><a href="">配送方式</a></li>
                                <li><a href="">支付方式</a></li>
                                <li><a href="">常见问题</a></li>
                            </ul>
                        </div>
                        <div class="inner">
                            <p>保修与退换货</p>
                            <ul>
                                <li><a href="">保修政策</a></li>
                                <li><a href="">退换货政策</a></li>
                                <li><a href="">退换货流程</a></li>
                                <li><a href="">保修状态查询</a></li>
                                <li><a href="">配件防伪查询</a></li>
                            </ul>
                        </div>
                        <div class="inner">
                            <p>维修与技术支持</p>
                            <ul>
                                <li><a href="">服务店</a></li>
                                <li><a href="">预约维修</a></li>
                                <li><a href="">手机寄修</a></li>
                                <li><a href="">备件价格查询</a></li>
                                <li><a href="">上门服务</a></li>
                            </ul>
                        </div>
                        <div class="inner">
                            <p>特色服务</p>
                            <ul>
                                <li><a href="">防伪查询</a></li>
                                <li><a href="">补购保障</a></li>
                                <li><a href="">以旧换新</a></li>
                                <li><a href="">礼品包装</a></li>
                            </ul>
                        </div>
                        <div class="inner">
                            <p>关于我们</p>
                            <ul>
                                <li><a href="">公司介绍</a></li>
                                <li><a href="">华为商城介绍</a></li>
                                <li><a href="">华为零售店</a></li>
                                <li><a href="">荣耀零售店</a></li>
                                <li><a href="">意见反馈</a></li>
                            </ul>
                        </div>
                        <div class="inner">
                            <p>友情链接</p>
                            <ul>
                                <li><a href="">华为集团</a></li>
                                <li><a href="">华为CBG官网</a></li>
                                <li><a href="">荣耀官网</a></li>
                                <li><a href="">花粉俱乐部</a></li>
                                <li><a href="">华为云</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="contentr">
                        <div class="a">
                            950805
                        </div>
                        <div class="b">
                            7×24小时客服热线（仅收市话费）
                        </div>
                        <div class="c">
                            <div class="btn">
                                <span>在线客服</span>
                            </div>
                        </div>
                        <div class="d">
                            <span>关注Vmall :</span>
                            <img src="./image/cat/1_33.jpg" alt="">
                        </div>
                    </div>

                </div>
            </div>
            <div class="mall">
                <div class="Vmall main">
                    <div class="logo">
                        <img src="./image/cat/1_40.jpg" alt="">
                    </div>
                    <div class="Vleft">
                        <ul>
                            <li><a href="">华为集团</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 华为CDG官网</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 荣耀官网</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 花粉俱乐部</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 华为应用市场</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> EMUI</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 华为终端云空间</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 开发者联盟</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 华为手机商城版</a><span>|</span>
                            </li>
                            <li>
                                <a href=""> 网站地图</a><span>|</span>
                            </li>
                        </ul>
                        <h4><br><br>
                            隐私声明 服务协议 COOKIES Copyright © 2012-2020 华为终端有限公司 版权所有 粤ICP备19015064号|粤公网安备
                            44190002003939号增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182
                            电子营业执照
                        </h4>
                    </div>
                </div>
            </div>
        </div>
</body>
</html>